{__NOLAYOUT__}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="__STATIC__/www/css/bizhong_neiye.css"/>

	<link href="__STATIC__/www/css/mui.min.css" rel="stylesheet"/>
	<script src="__STATIC__/www/js/mui.min.js"></script>
	<script src="__STATIC__/www/js/jquery.js"></script>
	<script src="__STATIC__/www/js/gg.js"></script>
	<script src="__STATIC__/www/js/jquery.qrcode.js"></script>
	<script src="__STATIC__/www/js/qrcode.js"></script>
	<style>
		.accounts{
			width:100%;
			border: 0px;
		}
	</style>
</head>
<body>
	<div class="section1 mui-clearfix">
		<header class="mui-bar mui-bar-nav">
			<a class="mui-icon mui-icon-left-nav mui-pull-left" href="javascript:history.back(-1)" ></a>
			<!--<h1 class="mui-title">login</h1>-->
			<a class="mui-icon mui-pull-right right1" href="javascript:android.capture();"><img src="__STATIC__/www/images/nav_icon_scan.png" class="ikl" style="width: 1.3rem;" /></a>
		</header>
	</div>
	<div class="section2">
		<div class="container">
			<p>会链</p>
		</div>
	</div>
	<div class="section3">
		<div class="container">
			<p class="p1"><img src="__STATIC__/www/images/send_icon_hc.png"/></p>
			<p class="p2">{$data.nickname}</p>
		</div>
	</div>
	<div class="section4">
		<div class="container">
			<div class="section4-1">
				<div class="container-1 mui-clearfix">
					<div class="section4-1-1 mui-clearfix">
						<img src="__STATIC__/www/images/icon_total.png" class="im1" />
						<span>全部</span>
						<img src="__STATIC__/www/images/detail_icon_pulldown.png" class="im2" />
					</div>
					<div class="section4-1-2 mui-clearfix">
						<div class="section4-1-2-1">
							<p class="p1">{$data.price}</p>
							<p class="p2">{$data.moneys}</p>
						</div>
						<!--<div class="section4-1-2-2">-->
							<!--<img src="__STATIC__/www/images/image_total_dataline.png"/>-->
						<!--</div>-->
					</div>
					<div class="section4-1-3 mui-clearfix">
						<div class="zv">
							<p class="p1">{$data.price}</p>
							<p class="p2">{$data.moneys}</p>
						</div>
						<div class="zb">
							<div id="mountNode"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="section5">
		<div class="container mui-clearfix">
			<div class="section5-1">
				<a href="{:url('Money/sendMoney')}">发送</a>
			</div>
			<div class="section5-2">
				<a href="javascript:turn_on();" class="right1">接收</a>
			</div>
		</div>
	</div>
	<div class="section6">
		<div class="container">
			<p class="olo">过渡</p>
		</div>
	</div>
	<div class="section7">
		<div class="zz mui-clearfix">
			<ul>
				<li class="select">全部</li>
				<!--<li>接收</li>-->
				<!--<li>发送</li>-->
			</ul>
		</div>
	</div>
	<div class="section8 select">
		{volist name="$data.deal" id="d"}
		<div class="section8-1">
			<div class="container mui-clearfix">
				<div class="ab">
					<p class="p1">{$d.remark}</p>
					<p class="p2">{$d.addtime|show_datetime}</p>
				</div>
				<div class="ad">
					<p>{if condition="$d['useraccounts']==''"}<img src="__STATIC__/www/images/icon_reduce.png"/> {else/}<img src="__STATIC__/www/images/icon_plus.png"/>{/if} <span>{$d.moneys}</span></p>
				</div>
			</div>
		</div>
		{/volist}


	</div>

	<div class="section9">
		<div class="container">
			<div class="section9-1">
				<p class="p3"><img src="__STATIC__/www/images/icon_hc_03.png"/></p>
				<!--<p class="p1 olo">H链</p>-->
				<p class="p2"><input class="accounts" value="{$data.eth_accounts}"/></p>
			</div>
			<div id="qrcode" class="section9-2">
			</div>
			<div class="section9-3">
				<a href="javascript:android.copy({$data.eth_accounts});">复制</a>
			</div>
			
		</div>
		<div class="section9-4 totle" >
			<img src="__STATIC__/www/images/upup.png"/>
		</div>
	</div>
	<div class="section10">
		
	</div>
	
	
	
	
	
		
	
</body>

<script type="text/javascript">
	$(function() {
		var r = 0;
		$('.im2').click(function() {
			r += 180;
			$(this).css('transform', 'rotate(' + r + 'deg)');
			$(".section4-1-2").slideToggle();
			$(".section4-1-3").slideToggle(500);
		});
	});
	
	
	
	$(function(){
		$(".zz li").click(function(){
			$(this).addClass("select").siblings().removeClass("select");
			$(".section8").eq($(this).index()).addClass("select").siblings().removeClass("select")
		})

		/*隐藏二维码*/
		$(".totle").click(function(){
            $(".section9").slideUp();
            $(".section10").hide();
		});

		/*用户地址*/
		var eth_accounts="{$data.eth_accounts}";
		var url=document.domain+"/Money/index?accounts="+eth_accounts;
		var text={'key':eth_accounts,'type':'2'};
        text=JSON.stringify(text);
		/*生成二维码*/
        $('#qrcode').qrcode({
            render: "canvas", //也可以替换为table
            width: 150,
            height: 150,
            text: text
		});
	})

	/*弹出二维码*/
    function turn_on()
    {
        $(".section9").slideDown();
        $(".section10").show();
    }

    /*复制内容暂不用，android处理*/
	// function copy()
	// {
	//     $(".accounts").select();
    //     document.execCommand("Copy");
    //     mui.toast("已复制");
	// }

</script>
<script>
	var data = {$data.chart};
	var chart = new G2.Chart({
		container: 'mountNode',
		forceFit: true,
		height: 240,
		padding: [ 20, 20, 95, 25]
	});
	chart.source(data);
	chart.scale('value', {

	});
	chart.scale('year', {
		range: [0, 1]
	});
	chart.tooltip({
		crosshairs: {
			type: 'line'
		}
	});
	chart.line().position('year*value');
	chart.point().position('year*value').size(4).shape('circle').style({
		stroke: '#fff',
		lineWidth: 1
	});
	chart.render();
/*a标签*/
    $(function () {
        mui('body').on('tap','a',function(){window.location.href=this.href;});
    })
</script>
</html>